$.ajax({
				type:"get",
				url:"../../json/location.json",
				async:false,  //是否异步,默认异步，慎用
				dataType:"json",
				data:{},		//请求参数
				success:function(res){
					JsonData = res;//保存响应数据
					}
				});	
	
var loc=JsonData;	

$.ajax({
				type:"get",
				url:"../../json/location2.json",
				async:false,  //是否异步,默认异步，慎用
				dataType:"json",
				data:{},		//请求参数
				success:function(res){
					JsonData = res;//保存响应数据
					}
				});	
	
var loc2=JsonData;	


function map1(){	
	var map = new BMap.Map("container", { enableMapClick: false }); // 创建地图实例，禁止点击地图底图
		//设置样式  
		var point = new Array(); //存放标注点经纬信息的数组
                     var marker = new Array(); //存放标注点对象的数组
                     var info = new Array(); //存放提示信息窗口对象的数组
                     var searchInfoWindow =new Array();//存放检索信息窗口对象的数组
                      for (let i = 0; i < loc2.length; i++) {
                           var p0 = loc2[i].JW.split(",")[0]; //
                           var p1 = loc2[i].JW.split(",")[1]; //按照原数组的point格式将地图点坐标的经纬度分别提出来
                           point[i] = new window.BMap.Point(p0, p1); //循环生成新的地图点
                         
//                        
							var myIcon = new BMap.Icon("../../img/map/marker.png", new BMap.Size(37, 49), {
							    anchor: new BMap.Size(20,50),	
							    
							  }); 
							  //点击marke跳转
                           
						   marker[i] = new window.BMap.Marker(point[i],{icon: myIcon}); //按照地图点坐标生成标记                           
                           marker[i].addEventListener("click",function(){
								window.location="../../html/prize/prize.html";
							});
                           map.addOverlay(marker[i]);
                                         
                           var num=parseInt(Math.random()*100)
							var label = new window.BMap.Label("已领取</br>"+num+"份",{offset:new BMap.Size(0,7)});
							label.setStyle({
								fontSize:"10px",
								color:"#bf0c21",											
								border:"none",
								backgroundColor:"transparent"
							});
							marker[i].setTop(true,200000);
							marker[i].setLabel(label);
							marker[i] = new window.BMap.Marker(point[i],{icon: myIcon}); //按照地图点坐标生成标记
                           map.addOverlay(marker[i]);
                       }
		map.disableDragging();//禁止拖动  
		map.disableDoubleClickZoom();//禁止双击缩放  
		var blist = [];  
		var districtLoading = 0;  
		  
		/**  
		 * 添加行政区划  
		 * @param{} districtName 行政区划名  
		 * @returns  无返回值  
		 */  
		function addDistrict(districtName) {  
		    //使用计数器来控制加载过程  
		    districtLoading++;  
		    var bdary = new BMap.Boundary();  
		    bdary.get(districtName, function (rs) {       //获取行政区域  
		        var count = rs.boundaries.length; //行政区域的点有多少个  
		        if (count === 0) {  
		            alert('未能获取当前输入行政区域');  
		            return;  
		        }  
		        for (var i = 0; i < count; i++) {  
		            blist.push({ points: rs.boundaries[i], name: districtName });  
		        };  
		        //加载完成区域点后计数器-1  
		        districtLoading--;  
		        if (districtLoading == 0) {  
		            //全加载完成后画端点  
		            drawBoundary();  
		        }  
		    });  
		}  
		function drawBoundary() {  
		    //包含所有区域的点数组  
		    var pointArray = [];  
		  //*画遮蔽层的相关方法  
//		    *思路: 首先在中国地图最外画一圈，圈住理论上所有的中国领土，然后再将每个闭合区域合并进来，并全部连到西北角。  
//		    *      这样就做出了一个经过多次西北角的闭合多边形*/  
		    //定义中国东南西北端点，作为第一层  
		    var pNW = { lat: 59.0, lng: 73.0 }  
		    var pNE = { lat: 59.0, lng: 136.0 }  
		    var pSE = { lat: 3.0, lng: 136.0 }  
		    var pSW = { lat: 3.0, lng: 73.0 }  
		    //向数组中添加一次闭合多边形，并将西北角再加一次作为之后画闭合区域的起点  
		    var pArray = [];  
		    pArray.push(pNW);  
		    pArray.push(pSW);  
		    pArray.push(pSE);  
		    pArray.push(pNE);  
		    pArray.push(pNW);  
		    //循环添加各闭合区域  
		    for (var i = 0; i < blist.length; i++) {  
		        //添加显示用标签层  
		        var label = new BMap.Label(blist[i].name, { offset: new BMap.Size(20, -10) });  
		        label.hide();  
		        map.addOverlay(label);  
		  
		        //添加多边形层并显示  
		        var ply = new BMap.Polygon(blist[i].points, { strokeWeight: 0, strokeColor: "transparent", fillOpacity: 0.01, fillColor: " #FFFFFF" }); //建立多边形覆盖物  
		        ply.name = blist[i].name;  
		        ply.label = label;  
		        map.addOverlay(ply);  
		  
		        //将点增加到视野范围内  
		        var path = ply.getPath();  
		        pointArray = pointArray.concat(path);  
		        //将闭合区域加到遮蔽层上，每次添加完后要再加一次西北角作为下次添加的起点和最后一次的终点  
		        pArray = pArray.concat(path);  
		        pArray.push(pArray[0]);  
		    }  
		  
		    //限定显示区域，需要引用api库  
		    var boundply = new BMap.Polygon(pointArray);  
		    BMapLib.AreaRestriction.setBounds(map, boundply.getBounds());  
		    map.setViewport(pointArray);    //调整视野   
		  
//		    添加遮蔽层  
		    var plyall = new BMap.Polygon(pArray, { strokeOpacity:0.00001, strokeColor: "#000000", strokeWeight: 0.00001, fillColor: "#bf0c21", fillOpacity: 1 ,}); //建立多边形覆盖物  
		    map.addOverlay(plyall);  
		}  
		  
		setTimeout(function () {  
		    getBoundary();  
		}, 100);  
		 		

	 function getBoundary() {     	          
				addDistrict("海口市"); 
		     	addDistrict("三亚市");
		    	addDistrict("文昌");
		     	addDistrict("东方");
		      	addDistrict("万宁市");
		      	addDistrict("儋州市");
		      	addDistrict("五指山市");
		      	addDistrict("琼海市");
		       	addDistrict("乐东黎族自治县");
		       	addDistrict("白沙黎族自治县");
		        addDistrict("琼中黎族苗族自治县");
		        addDistrict("屯昌县");
		       	addDistrict("定安县");
		        addDistrict("澄迈县");
		        addDistrict("陵水黎族自治县");
		        addDistrict("昌江黎族自治县");
		        addDistrict("保亭黎族苗族自治县");
		        addDistrict("临高县");  
		     	}
	 }
map1();
//******************************************************************************************
function map2(){
	var map = new BMap.Map("container1", { enableMapClick: false }); // 创建地图实例，禁止点击地图底图
		//设置样式  
		var point = new Array(); //存放标注点经纬信息的数组
                     var marker = new Array(); //存放标注点对象的数组
                     var info = new Array(); //存放提示信息窗口对象的数组
                     var searchInfoWindow =new Array();//存放检索信息窗口对象的数组
                      for (let i = 0; i < loc.length; i++) {
                           var p0 = loc[i].JW.split(",")[0]; //
                           var p1 = loc[i].JW.split(",")[1]; //按照原数组的point格式将地图点坐标的经纬度分别提出来
                           point[i] = new window.BMap.Point(p0, p1); //循环生成新的地图点
                         
//                        
							var myIcon = new BMap.Icon("../../img/map/marker.png", new BMap.Size(37, 49), {
							    anchor: new BMap.Size(20, 50),	
//							    imageOffset: new BMap.Size(0, 0 - 12 * 25)
							  }); 
							 marker[i] = new window.BMap.Marker(point[i],{icon: myIcon}); //按照地图点坐标生成标记

							marker[i].addEventListener("click",function(){
								
								window.location="../../html/prize/prize.html";
							});
                           map.addOverlay(marker[i]);
                           var num=parseInt(Math.random()*100)
							var label = new window.BMap.Label("已领取</br>"+num+"份",{offset:new BMap.Size(0,7)});
							label.setStyle({
								fontSize:"10px",
								color:"#bf0c21",											
								border:"none",
								
								backgroundColor:"transparent"
							});
							marker[i].setTop(true,200000);
							marker[i].setLabel(label);
							marker[i] = new window.BMap.Marker(point[i],{icon: myIcon}); //按照地图点坐标生成标记
                            map.addOverlay(marker[i]);			
                       }
		map.disableDragging();//禁止拖动  
		map.disableDoubleClickZoom();//禁止双击缩放  
		var blist = [];  
		var districtLoading = 0;  
		  
		
		/**  
		 * 添加行政区划  
		 * @param{} districtName 行政区划名  
		 * @returns  无返回值  
		 */  
		function addDistrict(districtName) {  
		    //使用计数器来控制加载过程  
		    districtLoading++;  
		    var bdary = new BMap.Boundary();  
		    bdary.get(districtName, function (rs) {       //获取行政区域  
		        var count = rs.boundaries.length; //行政区域的点有多少个  
		        if (count === 0) {  
		            alert('未能获取当前输入行政区域');  
		            return;  
		        }  
		        for (var i = 0; i < count; i++) {  
		            blist.push({ points: rs.boundaries[i], name: districtName });  
		        };  
		        //加载完成区域点后计数器-1  
		        districtLoading--;  
		        if (districtLoading == 0) {  
		            //全加载完成后画端点  
		            drawBoundary();  
		        }  
		    });  
		}  
		function drawBoundary() {  
		    //包含所有区域的点数组  
		    var pointArray = [];  
		  //*画遮蔽层的相关方法  
//		    *思路: 首先在中国地图最外画一圈，圈住理论上所有的中国领土，然后再将每个闭合区域合并进来，并全部连到西北角。  
//		    *      这样就做出了一个经过多次西北角的闭合多边形*/  
		    //定义中国东南西北端点，作为第一层  
		    var pNW = { lat: 59.0, lng: 73.0 }  
		    var pNE = { lat: 59.0, lng: 136.0 }  
		    var pSE = { lat: 3.0, lng: 136.0 }  
		    var pSW = { lat: 3.0, lng: 73.0 }  
		    //向数组中添加一次闭合多边形，并将西北角再加一次作为之后画闭合区域的起点  
		    var pArray = [];  
		    pArray.push(pNW);  
		    pArray.push(pSW);  
		    pArray.push(pSE);  
		    pArray.push(pNE);  
		    pArray.push(pNW);  
		    //循环添加各闭合区域  
		    for (var i = 0; i < blist.length; i++) {  
		        //添加显示用标签层  
		        var label = new BMap.Label(blist[i].name, { offset: new BMap.Size(20, -10) });  
		        label.hide();  
		        map.addOverlay(label);  
		  
		        //添加多边形层并显示  
		        var ply = new BMap.Polygon(blist[i].points, { strokeWeight: 0, strokeColor: "transparent", fillOpacity: 0.01, fillColor: " #FFFFFF" }); //建立多边形覆盖物  
		        ply.name = blist[i].name;  
		        ply.label = label;  
		        map.addOverlay(ply);  
		  
		        //将点增加到视野范围内  
		        var path = ply.getPath();  
		        pointArray = pointArray.concat(path);  
		        //将闭合区域加到遮蔽层上，每次添加完后要再加一次西北角作为下次添加的起点和最后一次的终点  
		        pArray = pArray.concat(path);  
		        pArray.push(pArray[0]);  
		    }  
		  
		    //限定显示区域，需要引用api库  
		    var boundply = new BMap.Polygon(pointArray);  
		    BMapLib.AreaRestriction.setBounds(map, boundply.getBounds());  
		    map.setViewport(pointArray);    //调整视野   
		  
//		    添加遮蔽层  
		    var plyall = new BMap.Polygon(pArray, { strokeOpacity:0.00001, strokeColor: "#000000", strokeWeight: 0.00001, fillColor: "#bf0c21", fillOpacity: 1 ,}); //建立多边形覆盖物  
		    map.addOverlay(plyall);  
		}  
		  
		setTimeout(function () {  
		    getBoundary();  
		}, 100);  
		 		

	 function getBoundary() {     	          
				
		        addDistrict("广东");  
		     	}
	 
}
map2();
//*************************************************************
var input_btn=document.getElementsByTagName('input')[0];
var container1=document.getElementById('container');
var container2=document.getElementById('container1');
input_btn.addEventListener('click',function(){
	if(input_btn.value=='海南'){
		container1.style.opacity="1";
		container2.style.opacity="0";
		input_btn.value='广东';
	}
	else{
		container1.style.opacity="0";
		container2.style.opacity="1";
		input_btn.value='海南';
	}
	
});



	var div = document.getElementById('div1');
			function snow(p){
				var startposition=parseInt(Math.random()*document.documentElement.clientWidth);
				var fall=0;
				setInterval(function(){
					if(fall<document.documentElement.clientHeight){
		                p.style.top=fall+'px';
		                p.style.left=startposition+'px';
		                p.style.width=parseInt(Math.random())+'px';
		                fall+=1;
				            }
					else{
						p.remove();
					}
				          
				     },20);
				}
	 			setInterval(function (){
	 				var created_div=document.createElement('div');    
				        created_div.style.position='absolute';
				        created_div.innerHTML="<p style='color:#E7C598;font-size:16px'>.</p>";
				        created_div.style.zIndex="999";
				        div.appendChild(created_div);
	 					cd = created_div;	
	 					snow(cd);
	 				},100);
